// 重置样式
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0)
}

*:focus {
  outline: none;
}

html {
  margin: 0 auto;
  font-size: 62.5%;
  height: 100%;
  font: 14px/1.5 Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  // font: 14px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Liberation Sans', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Wenquanyi Micro Hei', 'WenQuanYi Zen Hei', 'ST Heiti', SimHei, SimSun, 'WenQuanYi Zen Hei Sharp', sans-serif
}

body {
  margin: 0 auto;
  padding: 0;
  color: $cc;
  background-color: $f9fafb;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

a {
  text-decoration: none;
  color: $cc
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  padding: 0;
  margin: 0
}

img {
  border: none;
  vertical-align: middle
}

ul, li {
  list-style: none
}

p {
  padding: 0;
  margin: 0;
  text-align: justify
}

i, em, b, span {
  font-style: normal
}

b, span, a {
  display: inline-block
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

input, button, select, textarea {
  border: none;
  //font-family: Arial, 'Microsoft YaHei';
  font-family: inherit;
  outline: none;
  resize: none
}

input, textarea, label, .btn, a, .transition {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease
}

.clear {
  clear: both
}

.tableCell {
  display: table-cell;
  vertical-align: middle
}

.cursor {
  cursor: pointer
}

.text-indent {
  text-indent: 2em
}

.arrow {
  position: relative;

  &:after {
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    border-left: 1px solid $ccc;
    border-bottom: 1px solid $ccc;
    transform: translateY(-50%) scaleY(1) rotateZ(-135deg)
  }
}

.word-break {
  word-break: break-all
}

.letter-spacing {
  letter-spacing: 10px
}

.symbol:before {
  content: '¥';
  font-size: 12px;
  margin-right: 4px
}

.omit {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.clearfix {
  zoom: 1;

  &:before,
  &.clearfix:after {
    height: 0;
    content: '';
    clear: both;
    font-size: 0;
    line-height: 0;
    display: table;
    visibility: hidden
  }
}

.mask-0 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: $bg-05;
  z-index: 900
}

.mask-f {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: $bg-f5;
  z-index: 900
}

.flexd {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1
}

.ft-l {
  float: left
}

.ft-r {
  float: right
}

.pd10 {
  padding: 10px
}

.pd20 {
  padding: 20px
}

.pd30 {
  padding: 30px
}

.pd40 {
  padding: 40px
}

.pd-t1 {
  padding-top: 1px
}

.pd-t2 {
  padding-top: 2px
}

.pd-t5 {
  padding-top: 5px
}

.pd-t8 {
  padding-top: 8px
}

.pd-t10 {
  padding-top: 10px
}

.pd-t15 {
  padding-top: 15px
}

.pd-t20 {
  padding-top: 20px
}

.pd-t25 {
  padding-top: 25px
}

.pd-t30 {
  padding-top: 30px
}

.pd-t50 {
  padding-top: 50px
}

.pd-r1 {
  padding-right: 1px
}

.pd-r2 {
  padding-right: 2px
}

.pd-r5 {
  padding-right: 5px
}

.pd-r8 {
  padding-right: 8px
}

.pd-r10 {
  padding-right: 10px
}

.pd-r15 {
  padding-right: 15px
}

.pd-r20 {
  padding-right: 20px
}

.pd-r25 {
  padding-right: 25px
}

.pd-r30 {
  padding-right: 30px
}

.pd-r50 {
  padding-right: 50px
}

.pd-b1 {
  padding-bottom: 1px
}

.pd-b2 {
  padding-bottom: 2px
}

.pd-b5 {
  padding-bottom: 5px
}

.pd-b8 {
  padding-bottom: 8px
}

.pd-b10 {
  padding-bottom: 10px
}

.pd-b15 {
  padding-bottom: 15px
}

.pd-b20 {
  padding-bottom: 20px
}

.pd-b25 {
  padding-bottom: 25px
}

.pd-b30 {
  padding-bottom: 30px
}

.pd-b50 {
  padding-bottom: 50px
}

.pd-l1 {
  padding-left: 1px
}

.pd-l2 {
  padding-left: 2px
}

.pd-l5 {
  padding-left: 5px
}

.pd-l8 {
  padding-left: 8px
}

.pd-l10 {
  padding-left: 10px
}

.pd-l15 {
  padding-left: 15px
}

.pd-l20 {
  padding-left: 20px
}

.pd-l25 {
  padding-left: 25px
}

.pd-l30 {
  padding-left: 30px
}

.pd-l50 {
  padding-left: 50px
}

.mg0 {
  margin: 0 auto
}

.mg10 {
  margin: 10px auto
}

.mg20 {
  margin: 20px auto
}

.mg30 {
  margin: 30px auto
}

.mg40 {
  margin: 40px auto
}

.mg-t1 {
  margin-top: 1px
}

.mg-t2 {
  margin-top: 2px
}

.mg-t5 {
  margin-top: 5px
}

.mg-t8 {
  margin-top: 8px
}

.mg-t10 {
  margin-top: 10px
}

.mg-t15 {
  margin-top: 15px
}

.mg-t20 {
  margin-top: 20px
}

.mg-t25 {
  margin-top: 25px
}

.mg-t30 {
  margin-top: 30px
}

.mg-t50 {
  margin-top: 50px
}

.mg-t80 {
  margin-top: 80px
}

.mg-t100 {
  margin-top: 100px
}

.mg-r1 {
  margin-right: 1px
}

.mg-r2 {
  margin-right: 2px
}

.mg-r5 {
  margin-right: 5px
}

.mg-r8 {
  margin-right: 8px
}

.mg-r10 {
  margin-right: 10px
}

.mg-r15 {
  margin-right: 15px
}

.mg-r20 {
  margin-right: 20px
}

.mg-r25 {
  margin-right: 25px
}

.mg-r30 {
  margin-right: 30px
}

.mg-r50 {
  margin-right: 50px
}

.mg-r80 {
  margin-right: 80px
}

.mg-r100 {
  margin-right: 100px
}

.mg-b0 {
  margin-bottom: 0 !important;
}

.mg-b1 {
  margin-bottom: 1px
}

.mg-b2 {
  margin-bottom: 2px
}

.mg-b5 {
  margin-bottom: 5px
}

.mg-b8 {
  margin-bottom: 8px
}

.mg-b10 {
  margin-bottom: 10px
}

.mg-b15 {
  margin-bottom: 15px
}

.mg-b20 {
  margin-bottom: 20px
}

.mg-b25 {
  margin-bottom: 25px
}

.mg-b30 {
  margin-bottom: 30px
}

.mg-b50 {
  margin-bottom: 50px
}

.mg-b80 {
  margin-bottom: 80px
}

.mg-b100 {
  margin-bottom: 100px
}

.mg-l1 {
  margin-left: 1px
}

.mg-l2 {
  margin-left: 2px
}

.mg-l5 {
  margin-left: 5px
}

.mg-l8 {
  margin-left: 8px
}

.mg-l10 {
  margin-left: 10px
}

.mg-l15 {
  margin-left: 15px
}

.mg-l20 {
  margin-left: 20px
}

.mg-l25 {
  margin-left: 25px
}

.mg-l30 {
  margin-left: 30px
}

.mg-l50 {
  margin-left: 50px
}

.mg-l80 {
  margin-left: 80px
}

.mg-l100 {
  margin-left: 100px
}

.bo-rs2 {
  border-radius: 2px
}

.bo-rs4 {
  border-radius: 4px
}

.bo-rs10 {
  border-radius: 10px
}

.bo-rs-circle {
  border-radius: 50%
}

.f-s12 {
  font-size: 12px
}

.f-s14 {
  font-size: 14px
}

.f-s16 {
  font-size: 16px
}

.f-s18 {
  font-size: 18px
}

.f-s20 {
  font-size: 20px
}

.f-s22 {
  font-size: 22px
}

.f-s24 {
  font-size: 24px
}

.f-s28 {
  font-size: 28px
}

.l-h12 {
  line-height: 12px
}

.l-h16 {
  line-height: 16px
}

.l-h18 {
  line-height: 18px
}

.l-h20 {
  line-height: 20px
}

.l-h24 {
  line-height: 24px
}

.l-h26 {
  line-height: 26px
}

.l-h28 {
  line-height: 28px
}

.l-h30 {
  line-height: 30px
}

.l-h32 {
  line-height: 32px
}

.l-h40 {
  line-height: 40px
}

.l-h50 {
  line-height: 50px
}

.l-h60 {
  line-height: 60px
}

.tg-l {
  text-align: left
}

.tg-c {
  text-align: center
}

.tg-r {
  text-align: right
}

.display-n {
  display: none
}

.display-b {
  display: block
}

.display-t {
  display: table
}

.overflow-h {
  overflow: hidden
}

.overflow-v {
  overflow: visible
}

.display-t-c {
  display: table-cell
}

.display-i-b {
  display: inline-block
}

.position-a {
  position: absolute
}

.position-r {
  position: relative
}

.position-f {
  position: fixed
}

.position-i {
  position: inherit
}

.z-index_default {
  z-index: 10
}
